<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description"
    content="辽宁华睿新媒体职业学校是经由辽宁华睿星辉教育集团、日本札幌国际大学、T-PLAN日本奖学金协会三方共同创立的全日制国际化新媒体职业学校。学校坐落于环境宜人，风景优美的辉山风景区，办学特色鲜明，实行准军事化封闭式管理模式，全面保证学生的学习、生活、就业质量。">
  <meta name="keywords" content="华睿,辽宁华睿新媒体职业学校,辽宁华睿,辽宁华睿新媒体,华睿新媒体,新媒体,新媒体职业学校,华睿新媒体职业学校">
  <link rel="icon" href="./favicon.ico">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
    integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css">
  <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="./css/index.css">
  <title>华睿新媒体职业学校</title>
</head>

<body>
  <div class="phone-nav d-md-none">
    <nav class="navbar navbar-expand-md navbar-light">
      <div class="logo-box">
        <img src="./images/logo.png" class="img-responsive mr-2" alt="http://www.lnhrxmt.com">
        <span class="fs-19 color-212">华睿新媒体职业学校</span>
      </div>
      <div class="menu-icon-box">
        <svg class="bi bi-list" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
          xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd"
            d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
        </svg>
      </div>
    </nav>
    <!-- 导航盒子 -->
    <div class="right-nav p-3">
      <ul>
        <li class="color-yellow p-3 fs-20"><a href="index.html">网站首页</a></li>
        <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="about.html">关于我们</a></li>
        <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="environment.html">校园环境</a></li>
        <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="major.html">金牌专业</a></li>
        <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="teacher.html">专家讲师</a></li>
        <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="recruit.html">招生简章</a></li>
        <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="contact.html">联系我们</a></li>
      </ul>
    </div>
  </div>

  <!-- 头部 -->
  <div class="container-fluid">
    <div class="top-box d-none d-md-block">
      <div class="header-box d-flex j-around a-center pt-3 pb-3">
        <div class="left-box d-flex a-center">
          <img src="./images/logo.png" class="logo mr-3" alt />
          <span class="fs-48 color-212">华睿新媒体职业学校</span>
        </div>
        <div class="right-box fs-24">
          <div class="d-flex a-center">
            <img src="./images/tel.png" class="mr-3" alt />
            <span class="color-yellow">咨询热线</span>
          </div>
          <p class="color-blue">024-62639888</p>
        </div>
      </div>
      <div class="nav-box pt-3 pb-3 d-flex j-center">
        <ul class="nav d-flex color-999">
          <li class=""><a href="index.html" title="华睿新媒体职业学校"><span class="color-yellow" style="color: #FFC107;">网站首页</span></a></li>
          <li class=""><a href="about.html" title="华睿新媒体职业学校"><span class="">关于我们</span></a></li>
          <li class=""><a href="environment.html" class=""><span>校园环境</span></a></li>
          <li class=""><a href="major.html" class=""><span>金牌专业</span></a></li>
          <li class=""><a href="teacher.html" class=""><span>专家讲师</span></a></li>
          <li class=""><a href="recruit.html" class=""><span>招生简章</span></a></li>
          <li class=""><a href="contact.html" class=""><span>联系我们</span></a></li>
        </ul>
      </div>
    </div>
    <div class="swiper-box w-100">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./images/banner.png" alt />
          </div>
          <div class="swiper-slide">
            <img src="./images/banner1.jpg" alt />
          </div>
          <div class="swiper-slide">
            <img src="./images/banner2.jpg" alt />
          </div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <div class="d-none d-md-block">
      <div class="title-box pt-3 pb-3 color-white fs-18 d-flex j-around a-center ">
        <span>愿景：教育引领行业 发展改变未来 打造世界一流 建设万人名校</span>
        <div class="d-flex a-center">
          <input type="text" name id placeholder="请输入关键词" class="mr-3" />
          <img src="./images/10.png" alt />
        </div>
      </div>
    </div>
  </div>

  <!-- 内容部分 -->
  <div class="container">
    <div class="row p-4 mt-5 color-333">
      <div class="col-md-12 top-box text-center mb-5">
        <div class="fs-18">关于我们</div>
        <div class="fs-30">ABOUT US</div>
        <div class="line-box d-flex j-center">
          <span></span>
          <span></span>
        </div>
      </div>
      <div class="col-md-12 d-flex f-wrap mb-5">
        <div class="col-md-6 col-sm-12 pr-0 pl-0">
          <img src="./images/17.png" class="img-responsive w-100" alt />
        </div>
        <div class="col-md-6 col-sm-12 p-4 explain bg-f7">
          <p class="fs-24 text-center">辽宁华睿新媒体职业学校</p>
          <div class="fs-14 mb-4">
            辽宁华睿新媒体职业学校是经由辽宁华睿星辉教育集团、日本札幌国际大学、T-P
            LAN日本奖学金协会三方共同创立的全日制国际化新媒体职业学校。学校坐落于环
            境宜人，风景优美的辉山风景区，办学特色鲜明，实行准军事化封闭式管理模式，
            全面保证学生的学习、生活、就业质量。
          </div>
          <div class="col-md-12 text-center">
            <a href="about.html" class="more color-white fs-16">了解更多</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container-fluid bg-f7 mb-5">
    <div class="row pt-5 bg-f7">
      <div class="col-md-12 top-box text-center mb-5">
        <div class="fs-18">金牌专业</div>
        <div class="fs-30">PRODUCT CENTER</div>
        <div class="line-box d-flex j-center">
          <span></span>
          <span></span>
        </div>
      </div>
      <div class="container pb-5">
        <div class="row major-list">
          <div class="col-md-4 col-sm-12 major-box">
            <a href="majorDetail.html?id=0" class="w-100">
              <img src="./images/18.png" class="img-responsive w-100" alt />
              <span class="fs-24 color-white">新媒体</span>
            </a>
          </div>
          <div class="col-md-4 col-sm-12 major-box">
            <a href="majorDetail.html?id=1">
              <img src="./images/19.png" class="img-responsive w-100" alt />
              <span class="fs-24 color-white">新文旅</span>
            </a>
          </div>
          <div class="col-md-4 col-sm-12 major-box">
            <a href="international.html">
              <img src="./images/20.png" class="img-responsive w-100" alt />
              <span class="fs-24 color-white">中日国际班</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container mb-5">
    <div class="row p-4 mt-5 color-333">
      <div class="col-md-12 top-box text-center mb-5">
        <div class="fs-18">专家讲师</div>
        <div class="fs-30">EXPERT LECTURER</div>
        <div class="line-box d-flex j-center">
          <span></span>
          <span></span>
        </div>
      </div>
    </div>
    <div class="row teacher-box">
      <div class="col-md-3 col-6 mb-4">
        <a href="teacherDetail.html?id=0">
          <img src="./images/image1.jpg" class="img-responsive w-100" alt />
          <div class="col-md-10 p-3">
            <p class="fs-18">傅博杰</p>
            <div class="fs-14">擅长领域：影视戏剧表演 动漫 声优训练</div>
          </div>
        </a>
      </div>
      <div class="col-md-3 col-6 mb-4">
        <a href="teacherDetail.html?id=1">
          <img src="./images/image2.png" class="img-responsive w-100" alt />
          <div class="col-md-10 p-3">
            <p class="fs-18">郭丹丹</p>
            <div class="fs-14">擅长领域：播音与主持</div>
          </div>
        </a>
      </div>
      <div class="col-md-3 col-6 mb-4">
        <a href="teacherDetail.html?id=2">
          <img src="./images/image3.png" class="img-responsive w-100" alt />
          <div class="col-md-10 p-3">
            <p class="fs-18">李勇志</p>
            <div class="fs-14">擅长领域：短视频制作 微电影 导演</div>
          </div>
        </a>
      </div>
      <div class="col-md-3 col-6 mb-4">
        <a href="teacherDetail.html?id=3">
          <img src="./images/image4.png" class="img-responsive w-100" alt />
          <div class="col-md-10 p-3">
            <p class="fs-18">杜晓虎</p>
            <div class="fs-14">擅长领域：图片拍摄 短视频剪辑</div>
          </div>
        </a>
      </div>
      <div class="col-md-12 text-center mt-5">
        <a href="teacher.html" class="more color-white fs-16">查看更多</a>
      </div>
    </div>
  </div>

  <div class="container-fluid bg-f7">
    <div class="row pt-5 bg-f7">
      <div class="col-md-12 top-box text-center mb-5">
        <div class="fs-18">合作企业</div>
        <div class="fs-30">COOPERATIVE ENTERPRISE</div>
        <div class="line-box d-flex j-center">
          <span></span>
          <span></span>
        </div>
      </div>
    </div>
    <div class="swiper-box w-100 mb-5">
      <div class="swiper-container-two">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="container d-flex">
              <div class="col-md-3 col-sm-4">
                <img src="./images/a1.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4">
                <img src="./images/a2.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4">
                <img src="./images/a3.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 d-none d-md-block">
                <img src="./images/a4.jpg" class="img-responsive w-100" alt />
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="container d-flex">
              <div class="col-md-3 col-sm-4 d-md-none">
                <img src="./images/a4.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4">
                <img src="./images/a5.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4">
                <img src="./images/a6.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4 d-none d-md-block">
                <img src="./images/a7.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 d-none d-md-block">
                <img src="./images/a8.jpg" class="img-responsive w-100" alt />
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="container d-flex ">
              <div class="col-md-3 d-md-none">
                <img src="./images/a7.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 d-md-none">
                <img src="./images/a8.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3">
                <img src="./images/a9.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4 d-none d-md-block">
                <img src="./images/a10.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4 d-none d-md-block">
                <img src="./images/a11.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4 d-none d-md-block">
                <img src="./images/a12.jpg" class="img-responsive w-100" alt />
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="container d-flex">
              <div class="col-md-3 col-sm-4 d-md-none">
                <img src="./images/10.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4 d-md-none">
                <img src="./images/11.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4 d-md-none">
                <img src="./images/12.jpg" class="img-responsive w-100" alt />
              </div>
              <div class="col-md-3 col-sm-4 d-none d-md-block">
                <img src="./images/13.jpg" class="img-responsive w-100" alt />
              </div>
            </div>
          </div>
          <div class="swiper-slide d-md-none">
            <div class="container d-flex">
              <div class="col-md-3 col-4">
                <img src="./images/13.jpg" class="img-responsive w-100" alt />
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
    </div>
  </div>


  <!-- 底部 -->
  <div class="footer-box color-ccc pt-5 pb-3  d-none d-md-block">
    <div class="container-fluid">
      <div class="row d-flex j-center">
        <div class="col-md-3 foot-left">
          <div class="d-flex a-center mb-2">
            <img src="./images/logo.png" class="mr-2" alt />
            <span class="fs-34 color-ccc flex-1">华睿新媒体职业学校</span>
          </div>
          <p class="fs-14">
            辽宁华睿新媒体职业学校是经由辽宁华睿星辉教育集团、
            日本札幌国际大学、T-PLAN日本奖学金协会三方共同创立的全日制国际化新媒体职业学校。
          </p>
        </div>
        <div class="col-md-3 foot-middle">
          <p class="fs-16">网站栏目</p>
          <div class="type-box">
            <ul class="d-flex f-wrap">
              <li class="fs-14 pr-5 mb-4"><a href="index.html" class="color-ccc">网站首页</a></li>
              <li class="fs-14 pr-5 mb-4"><a href="about.html" class="color-ccc">关于我们</a></li>
              <li class="fs-14 pr-5 mb-4"><a href="environment.html" class="color-ccc">校园环境</a></li>
              <li class="fs-14 pr-5 mb-4"><a href="major.html" class="color-ccc">金牌专业</a></li>
              <li class="fs-14 pr-5 mb-4"><a href="teacher.html" class="color-ccc">专家讲师</a></li>
              <li class="fs-14 pr-5 mb-4"><a href="recruit" class="color-ccc">招生简章</a></li>
              <li class="fs-14 pr-5 mb-4"><a href="contact.html" class="color-ccc">联系我们</a></li>
            </ul>
          </div>
        </div>
        <div class="col-md-3 foot-right">
          <div class="info-item mb-4">
            <img src="./images/29.png" class="mr-3" alt />
            <span class="fs-14">地址：辽宁省沈阳市沈北新区辉山大街176号（北校区）</span>
          </div>
          <div class="info-item mb-4">
            <img src="./images/291.png" class="mr-3" alt />
            <span class="fs-14">电话：024-62639888</span>
          </div>
          <div class="info-item">
            <img src="./images/29.png" class="mr-3" alt />
            <span class="fs-14">地址：辽宁省沈阳市于洪区沙岭街道文沙街银岭路（西校区）</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 手机底部 -->
  <div class="phone-foot d-md-none p-3 color-white">
    <div class="phone-type fs-12 d-flex a-center j-around">
      <a href="about.html" class="color-ccc">关于我们</a>
      <a href="environment.html" class="color-ccc">校园环境</a>
      <a href="major.html" class="color-ccc">金牌专业</a>
      <a href="teacher.html" class="color-ccc">专家讲师</a>
      <a href="recruit.html" class="color-ccc">招生简章</a>
      <a href="contact.html" class="color-ccc">联系我们</a>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
  </script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
    integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
  </script>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
  </script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
    integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
  </script>
  <script src="https://unpkg.com/swiper/js/swiper.js"> </script>
  <script src="https://unpkg.com/swiper/js/swiper.min.js"> </script>
  <script>
    var mySwiper = new Swiper('.swiper-container', {
      loop: true,
      autoplay: true,
      pagination: {
        el: ".swiper-pagination"
      }
    })
    var mySwiperTwo = new Swiper(".swiper-container-two", {
      autoplay: true,
      loop: true,
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev"
      }
    });
  </script>
  <script>
    $('.menu-icon-box').click(function () {
      $('.right-nav').css('right', 0)
    })
    $('.right-nav').click(function () {
      $(this).css('right', '-17.375rem')
    })
  </script>
  <script>
    (function(){
        var bp = document.createElement('script');
        bp.src = '//push.zhanzhang.baidu.com/push.js';
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
    </script>
</body>

</html>